import styles from './home.module.css'
import Image from 'next/image'
const Home = () => {
  // throw new Error("Error in home")
  return <div className={styles.container}>
    <div className={styles.textContainer}>
      <h1 className={styles.title}>Creative Thoughts Agency.</h1>
      <p className={styles.desc}>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium esse explicabo incidunt ipsa itaque laudantium minima. Aperiam, cupiditate, eveniet expedita id laborum, molestiae nesciunt officia pariatur quibusdam soluta sunt voluptates.</p>
      <div className={styles.buttons}>
        <button className={styles.button}>Learn More</button>
        <button className={styles.button}>Contact</button>
      </div>
      <div className={styles.brands}>
        <Image src="/brands.png" alt="" fill className={styles.brand}></Image>
      </div>
    </div>
    <div className={styles.imageContainer}>
      <Image src="/hero.gif" alt="" fill className={styles.heroImg} />
    </div>

  </div>;
};

export default Home;